<div class="breadcrumb duration">

  <div class="crumb" *ngIf="furtherData">
    <i nz-icon [type]="'project'" [theme]="'twotone'" class="font16 mr-5"></i>
    <span class="strong" title="project title">{{furtherData?.title}}</span>
    <span class="color-green font12 ml-5 mr-5">V<i class="font14">{{furtherData?.number}}</i></span>
    <a title="open in further" (click)="openInFurther()">
      <i nz-icon [iconfont]="'icon-open'"></i></a>
  </div>

  <div class="crumb" *ngFor="let path of activeEditorOriginPathList;index as i;">

    <ng-container *ngIf="i < activeEditorOriginPathList.length-1">
      <i nz-icon [type]="'folder'" class="mr-5"></i>
      <span>{{path}}</span>
    </ng-container>

    <ng-container *ngIf="i === activeEditorOriginPathList.length-1">
      <ng-container *ngIf="curFileType === codeTypes.blocklyPython3; else blocklyBlock">
        <i nz-icon [iconfont]="'icon-blockly'"></i>
      </ng-container>
      <ng-template #blocklyBlock><i nz-icon [iconfont]="path | fileType" class="mr-5"></i></ng-template>
      <span>{{path}}</span>
    </ng-container>

  </div>

</div>
